<template>
	<view class="main">
		<view class="head">
			<view class="back" @click="toHome">
				返回
			</view>
		<h2 class="title">{{article.noticeTitle}}</h2>	
		</view>
		<view class="article" >
			<view class="">
				<h4 class="content">{{article.noticeContent}}</h4>
			</view>
		</view>
	</view>
</template>

<script>
	import {listNotice,getNotice} from "@/api/notice.js"
	export default {
		data(){
			return {
				article:{},
				
			}
		},
	   onLoad: function (option) { 
			console.log(option.id); 
			getNotice(option.id).then(res=>{
				this.article=res.data
					  console.log(res)
				
			})
		},
		methods:{
			toHome(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style scoped>
	.main {
		padding: 30rpx 50rpx;
		font-size: 32rpx;
		line-height: 50rpx;
	}
	.back {

	}
	.title {
		margin-top: 50rpx;
		text-align: center;
		font-size: 34rpx;
		/* font-size: ; */
	}
	.article {
		margin-top: 20rpx;
		text-indent: 2em;
	}
	.content {
		font-weight: 500;
	}
</style>